<!--  -->
<template>
  <div class="container block">
    <div class="button_wrap">
      <switchButton />
    </div>
    <div class="flex1 app-wrap">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import switchButton from './components/switchButton.vue';

export default {
  name: 'index',
  props: {},
  data() {
    return {};
  },
  components: {
    switchButton,
  },
};
</script>

<style lang='scss' scoped>
.container {
  display: flex;
  flex-direction: row;
}

.button_wrap {
  flex-basis: 56px;
  flex-shrink: 0;
  padding-top: 14px;
  background-color: #f9f9f9;
}

.flex1 {
  flex: 1;
}
</style>
